@charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
address,cite,dfn,em,var{font-style:normal}
body,button,input,select,textarea{font:normal 12px arial,helvetica,clean,sans-serif;}

/* common */
a{color:#1D74D3;text-decoration:none;}
a:hover{color:#F47B20;text-decoration:underline;}
a:focus {outline:none;-moz-outline:none;}
.weak,.meta{color:#999;font-weight:normal !important;}
hr.dashed{border:dashed #CCC;border-width:1px 0 0 0;height:0; overflow:hidden;line-height:0px;font-size:0;margin:0;padding:0;}
div.dashed{border-top:1px dashed #CCC;height: 1px;overflow:hidden;}

/* display */
.hide{display:none;}
.inline{display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1; /* vertical-align: top;_height: 250px; */}

.inline-block{position:relative;display:-moz-inline-box;display:inline-block;}
* html .inline-block{display:inline;zoom:1;} /* Pre-IE7 IE hack */
*:first-child+html .inline-block{display:inline;zoom:1;} /* IE7-only hack */

.notext{overflow:hidden;outline:none;font:0/0 sans-serif;text-align:left;text-indent:-9999px;*text-indent:0;zoom:1;}
.transparent5{-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50);}

/* commons */
.add-cart-loading{width:80px;height:18px;line-height:18px;margin:0 auto;color:#FF6701; padding:0 0 0 20px; font:bold 12px Verdana,regular;background:url('images/common/loading.gif') 0 0 no-repeat;}

/* clearfix */
.clearfix:after{content:'.';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;overflow: visible;}

/* bg */
.bg-x{background-image:url("images/bg-repeatx-sprite.png"); background-repeat:repeat-x;}
.bg-x-grid-panel{background-position:0 0;}

/* icons */
.icon{background-image:url("images/icon-sprite.png");background-repeat:no-repeat !important;vertical-align:middle;}
.icon16{width:16px;height:16px;background-image:url("images/icon-16-sprite.png");background-repeat:no-repeat !important;vertical-align:middle;}
span.icon,em.icon,a.icon{overflow:hidden;outline:none;font:0/0 sans-serif;text-align:left;text-indent:-9999px;*text-indent:0;zoom:1;}

a.i-panel-close i{width:11px;height:11px;background-position:-283px 0;}
a.i-panel-close:hover i{background-position:-295px 0;}

.i-true{width:13px;height:13px;background-position:-120px -5px;}
.i-false{width:13px;height:13px;background-position:-100px -5px;}

.i-toolbar-line{width:12px;height:23px;background-position:-85px 0;}
.i-grid-add{width:15px;height:15px;background-position:-1px -1px;}
.i-grid-del{width:15px;height:15px;background-position:-17px -1px;}
.i-grid-edit{width:15px;height:15px;background-position:-33px -1px;}

.i-page-first{width:6px;height:11px;background-position:0 -22px;}
.i-page-prev{width:6px;height:11px;background-position:-8px -22px;}
.i-page-next{width:6px;height:11px;background-position:-16px -22px;}
.i-page-last{width:6px;height:11px;background-position:-24px -22px;}
.i-page-go{width:16px;height:19px;background-position:-67px -1px;}

.i-page-first-disabled{width:6px;height:11px;background-position:-33px -22px;}
.i-page-prev-disabled{width:6px;height:11px;background-position:-41px -22px;}
.i-page-next-disabled{width:6px;height:11px;background-position:-49px -22px;}
.i-page-last-disabled{width:6px;height:11px;background-position:-57px -22px;}


/* button */
.button, .button em{background-image:url("images/button-sprite.png");background-repeat:no-repeat;display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;}
a.button{text-decoration:none;cursor:pointer;}
a.button em{font-style:normal;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
a.button em i{overflow:hidden;outline:none;font:0/0 sans-serif;text-align:left;text-indent:-9999px;*text-indent:0;display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;}

a.btn-blue{background-position:0 0;padding-left:15px;}
a.btn-blue em{background-position:right -21px;padding-right:15px;font-size:12px;color:#000;line-height:21px;line-height:24px\0;}
a.btn-blue:hover{background-position:0 -42px;text-decoration:none;}
a.btn-blue:hover em{background-position:right -63px;}

a.btn-hover{background-position:100px 0;padding-left:5px;}
a.btn-hover em{background-position:0 100px;padding-right:5px;font-size:12px;color:#000;line-height:23px;line-height:26px\0;}
a.btn-hover:hover{background-position:0 -85px;text-decoration:none;}
a.btn-hover:hover em{background-position:right -110px;}

/* grid */
.data-grid{border:solid #B8D0D6; border-width:0 1px 0 1px;}
.data-grid .grid-panel{border-width:1px;display:block; overflow:hidden; height:25px; border-style:solid; border-width:1px 0;border-color:#b8d0d6;background-color:#efefef; background-repeat:repeat-x; }

.grid-toolbar{padding:1px;}
.grid-toolbar ul{ overflow:hidden;}
.grid-toolbar li{ float:left; display:block; overflow:hidden; height:23px;padding:0 0 0 5px;}
.grid-toolbar li a.btn-hover em i{margin-top:-2px;margin-right:5px;}

.grid-pagebar{padding:1px;}
.grid-pagebar .page-info{float:left; line-height:23px; padding:0 0 0 5px;}
.grid-pagebar .page-go{float:right;padding:0 5px 0 0;}
.grid-pagebar .page-go ul{overflow:hidden;}
.grid-pagebar .page-go li{float:left; display:block; overflow:hidden; padding:0 0 0 5px;}
.grid-pagebar .i-page-first, .grid-pagebar .i-page-prev,
.grid-pagebar .i-page-first-disabled, .grid-pagebar .i-page-prev-disabled{margin-right:4px;}
.grid-pagebar span strong{color:#F00;cursor:default; font-weight:bold; padding:0 4px;}
.grid-pagebar .i-page-next, .grid-pagebar .i-page-last,
.grid-pagebar .i-page-next-disabled, .grid-pagebar .i-page-last-disabled{margin-left:4px;}

.grid-pagebar .page-disabled{color:#666666; cursor:default;}
.grid-pagebar .page-disabled em{font-style:normal;}
.grid-pagebar .page-jump{overflow:hidden;}
.grid-pagebar .page-jump .go-num{display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;width:30px;height:15px;padding:1px;vertical-align: middle; border-color:#acaeaf;margin:0; line-height:15px; font-size:12px; border-style:solid; border-width:1px;}
.grid-pagebar .page-jump .go-to{display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;overflow:hidden;border:0;outline:none; text-indent:-1000px; cursor:pointer;}

.grid-table {
	width: 100%;
	clear: both;
}

.grid-table tr:hover {
	background-color: #f6fafd;
}

.grid-table tr.checked {
	background-color: #fff8e4;
}

.grid-table th {
	height: 24px;
	line-height: 24px;
	text-align: left;
	color: #5b5b5b;
	font-weight: normal;
	border-bottom: solid 1px #c6c9ca;
	border-right: solid 1px #c6c9ca;
	background: url(images/admin_bg.gif) 0px -60px repeat-x;
}

.grid-table th a, .grid-table th span {
	color:#5B5B5B;
	padding: 0px 8px;
}

.grid-table .check {
	width: 21px;
	padding: 0px 5px;
}

.grid-table .sort {
	height: 24px;
	line-height: 24px;
	display: block;
	outline: none;
}

.grid-table .sort:hover {
	color: #000000;
	text-decoration:none;
	background: url(images/admin_bg.gif) 0px -90px repeat-x;
}

.grid-table .desc, .grid-table .desc:hover {
	background: url(images/admin_icon.gif) right -180px no-repeat;
}

.grid-table .asc, .grid-table .asc:hover {
	background: url(images/admin_icon.gif) right -240px no-repeat;
}

.grid-table td {
	line-height: 26px;
	padding-left: 5px;
	cursor:default;
	border-bottom: 1px solid #ececec;
}

.grid-table td a {
	color: #336699;
}

.grid-table td a:hover {
	color: #ff6600;
}
